<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Gamble's UCAB</title>
<%= stylesheet_link_tag "scaffold" %>
<%= javascript_include_tag :defaults  %>
<%= yield :googlemaps  %>

</head>

  <body onload="initialize()">
<style>
#pcm{display:none;}

ul.pureCssMenu ul{display:none}

ul.pureCssMenu li:hover>ul{display:block}

ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}

ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}

ul.pureCssMenu,ul.pureCssMenu ul {

	margin:0px;

	list-style:none;

	padding:0px 2px 2px 0px;

	background-color:#fff;

	background-repeat:repeat;

	border-color:#808080;

	border-width:1px;

	border-style:solid;

}

ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {

	display:block;

	height:21px;

	float: left;

}

ul.pureCssMenu ul{

	width:58.800000000000004px;

}

ul.pureCssMenu li{

	display:block;

	margin:2px 0px 0px 2px;

	font-size:0px;

}

ul.pureCssMenu a:active, ul.pureCssMenu a:focus {

outline-style:none;

}

ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {

	display:block;

	vertical-align:middle;

	background-color:#FFFFFF;

	border-width:1px;

	border-color:#fff;

	border-style:solid;

	text-align:center;

	text-decoration:none;

	padding:2px 5px 5px 10px;

	_padding-left:0;

	font:normal 11px Tahoma;

	color: #000;

	text-decoration:none;

	cursor:default;

}

ul.pureCssMenu span{

	overflow:hidden;

}

ul.pureCssMenu li {
	width:58px; float:left;
	float:left;

}

ul.pureCssMenu ul li {

	float:none;

}

ul.pureCssMenu ul a {

	text-align:left;

	white-space:nowrap;

}

ul.pureCssMenu li.sep{

	text-align:left;

	padding:0px;

	line-height:0;

	height:100%;

}

ul.pureCssMenu li.sep span{

	float:none;	padding-right:0;

	width:3px;

	height:100%;

	display:inline-block;

	background-color:#808080;	background-image:none;}

ul.pureCssMenu ul li.sep span{

	width:100%;

	height:3px;

}

ul.pureCssMenu li:hover{

	position:relative;

}

ul.pureCssMenu li:hover>a{

	background-color:#DBF0F9;

	border-color:#45ADE4;

	border-style:solid;

	font:normal 11px Tahoma;

	color: #444;

	text-decoration:none;

	font-weight:bold;
}

ul.pureCssMenu li a:hover{

	position:relative;

	background-color:#DBF0F9;

	border-color:#45ADE4;

	border-style:solid;

	font:normal 11px Tahoma;

	color: #444;

	text-decoration:none;

	font-weight:bold;

}

ul.pureCssMenu li.dis a {

	color: #557D4F !important;

}

ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;

height:6px;

}

ul.pureCssMenu ul img {width:16px;

height:16px;

}

ul.pureCssMenu img.over{display:none}

ul.pureCssMenu li.dis a:hover img.over{display:none !important}

ul.pureCssMenu li.dis a:hover img.def {display:inline !important}

ul.pureCssMenu li:hover > a img.def  {display:none}

ul.pureCssMenu li:hover > a img.over {display:inline}

ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}

ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}

ul.pureCssMenu a:hover ul{display:block}

ul.pureCssMenu span{

  display:block;

  background-position:right center;

  background-repeat: no-repeat;

  padding-right:9px;}



ul.pureCssMenu li.pureCssMenui0 {

width:80px;

height:33px;
width:81px; float:left;
background:url(../images/navigation-divider.gif) 100% 0 no-repeat;

}

ul.pureCssMenu li a.pureCssMenui0{

height:78%;
border-width:0px;
text-align:center;
font-weight:bold;
color:#FAF0C2;
font-size:11px;
background-color:inherit;

}

ul.pureCssMenu li a.selectMenu{

height:78%;
border-width:0px;
text-align:center;
font-weight:bold;
color:#FAF0C2;
font-size:11px;
background:url(../images/btn4.gif) 0 0 no-repeat;
background-color:inherit;

}

ul.pureCssMenu li a.pureCssMenui0:hover{

background-image:url(../images/btn4.gif);
text-align:center;
font-weight:bold;
color:#FAF0C2;
font-size:11px;
}

 ul.pureCssMenum0 {

background-color:transparent;

border-width:0px;

	padding:0px 0px 0px 0px;

}

 ul.pureCssMenum0>li>a {

padding:8px 10px 0px 10px;

}

 ul.pureCssMenum0 a {

padding:8px 10px 0px 10px;

}

 ul.pureCssMenum0 ul a {

padding:2px 5px 5px 10px;

}

 ul.pureCssMenum0>li {

margin:0px 0px 0px 0px;

}

 ul.pureCssMenum0 li {

margin:0px 0px 0px 0px;

}

 ul.pureCssMenum0 li li {

margin:2px 0px 0px 2px;

}

</style>
<!--Header Background Part Starts -->

      
      
<div id="header-bg">
	<!--Header Contant Part Starts -->
	<div id="header">
		<a  href="index.html"><img src="/images/admin88.png" alt="Gamble's UCAB" width="311" height="98" border="0" class="logo" title="Gamble's UCAB" /></a>
		<!--Login Background Starts -->
		<%#*<div id="login-bg">%>
			<!--Login Area Starts -->
			<%#*<div id="login-area">%>
				<%#*<form action="" method="post" name="Login" id="Login">%>
 <table width="200" border="0" align="center" cellpadding="14" cellspacing="14">
  <tr>
    <td align="center"><a href="/administrators" ><%= session[:user] %><img src="/images/ad.png" width="64px" height="64px" title="Administrator"></img></a></td>
    <td align="center"><a href="/events" ><img src="/images/eve.png" width="64px" height="64px" title="Events"></img></a></td>
    <td align="center"><a href="/categories" ><img src="/images/cate.png" width="64px" height="64px" title="Categories"></img></a></td>
    <td align="center"><a href="/machines" ><img src="/images/mach.png" width="64px" height="64px" title="Machines"></img></a></td>
    <td align="center"><a href="#" onclick="openlogout()" ><img src="/images/shut.png" width="64px" height="64px" title="Shutdown"></img></a></td>
  </tr>
</table>
 			<%#*</form>%>
			<%#*</div>%>
			<!--Login Area Ends -->
		<%#*</div>%>
		<!--Login Background Ends -->
		<br class="spacer" />
	</div>
	<!--Header Contant Part Ends -->
</div>
<!--Header Background Part Ends -->
<!--Navigation Background Part Starts -->
<div id="navigation-bg">
	<!--Navigation Part Starts -->
	<div id="navigation">
          <ul class="pureCssMenu pureCssMenum0">
  
           
          </ul>

		
		<br class="spacer" />
		<%#*<ul class="subNav">%>
			<%#*<li class="noBg"><a href="#" title="Our Benefits">Scores</a></li>%>
			<%#*<li><a href="#" title="What Our Future Plans">Schedules</a></li>%>
		<%#*</ul>%>
		<br class="spacer" />
	</div>
	<!--Navigation Part Ends -->
</div>
<!--Navigation Background Part Ends -->
<!--Our Company Bacground Part Starts -->
<div id="ourCompany-bg">
	<!--Our Company Part Starts -->
	<div id="ourCompany-part">
           <p  style="color: blue"  ><%= flash[:notice] %></p>
                          <p style="color: red"><%= flash[:error] %></p>
          <h2 align="center" class="ourCompany-hdr">Gamble's UCAB</h2>
          <div id="ourCompany-leftPart">
		<h2 class="faq-Hdr"><%= t('operations.administrator') %></h2>
			<ul class="ourCompany-list">
                          <li align="center"><%= session[:name] %></li>
                         
     
                          <li align="center"><a href="#" onclick="openlogout()"><img src="/images/shutdown.png" width="40px" height="40px" title="<%= t('operations.logout') %> "></img></a></li>
				 
			</ul>
			<h2 class="moreIdeas-Hdr"></h2>
			<%#*<ul class="ourCompany-list noBottomPadding">%>
                                <%#*<li>Bet on sports meet</li>%>
				<%#*<li>Control your bets</li>%>
				<%#*<li>Do not get excited after winning a bet</li>%>
				<%#*<li>Betting Random = Earnings Random</li>%>
                                <%#*<li>Take advantage of the Bond</li>%>
                                <%#*<li>Choose either a bookmaker like us</li>%>
                                <%#*<li>Measures the motivation of your favorites</li>%>
                                <%#*<li>Beware of favorites</li>%>
                                <%#*<li>Analyze before you gamble</li>%>
			<%#*</ul>%>
		</div>
          <div id="colThree">
            <img src="/images/ucabllogo.png" width="122px" height="124px" alt="boxes" align="right"></img>
   


  </div>
          
		<%= yield -%>
          
		<br class="spacer" />
	</div>

       
	<!--Our Company Part Ends -->
</div>
<!--Our Company Bacground Part Ends -->
<!--Future Plans Part Starts -->

<!--Footer Part Starts -->
<div id="footer-bg">
	<!--Footer Menu Part Starts -->
	<div id="footer-menu">
		<p class="copyright">Copyright &copy; DesarrolloSAF 2011 <%= t('information.rights') %></p>
                <br class="spacer" />
	</div>
	<!--Footer Menu Part Ends -->
</div>
<!--Footer Part Ends -->
</body>
</html>
